import React from 'react';
import { Link } from 'react-router-dom';
import { LogoHeader } from '../../components/Header';
import { WrappedRegistrationForm } from '../../components/Register';

import styles from './index.module.less';

class Register extends React.Component {
  state = {
    active: 0,
  };
  render() {
    const rightContent = (
      <div className={styles.menuBox}>
        <Link className={styles.menuItem} to="/">首页</Link>
        <Link className={styles.menuItem} to='/login'>登录</Link>
        <Link className={styles.menuItem} to='/register'>注册</Link>
        <Link className={styles.menuItem} to='/'>帮助中心</Link>
      </div>
    );

    return (
      <React.Fragment>
        <LogoHeader rightContent={rightContent} />
        <div className={styles.content}>
          <div className={styles.Register}>
            <p className={styles.welcome}>欢迎注册蜂收部落</p>
            <div className={styles.form}>
              <WrappedRegistrationForm />
            </div>
            <p className={styles.text}>
              已注册账号? <Link to='/login'>快捷登录</Link>
            </p>
          </div>
        </div>
      </React.Fragment>
    );
  }
}

export default Register;
